<!-- Child.vue -->
<template>
  <div class="container">
    <header>
      <slot name="header" message="helloheader"></slot>
    </header>
    <main>
      <slot :message="content"></slot>
    </main>
    <footer>
      <slot name="footer" message="hellofooter"></slot>
    </footer>
  </div>
</template>

<script setup>
import { ref } from "vue";
const content = ref({
  data: "我是中间的内容",
  res: [
    "滚滚长江东逝水，浪花淘尽英雄。是非成败转头空。青山依旧在，几度夕阳红。",
    "白发渔樵江渚上，惯看秋月春风。一壶浊酒喜相逢。古今多少事，都付笑谈中。",
  ],
});
</script>
